{% extends "layout.html" %}

{% block body %}
{% for user in users %}
	<div class="usertitle">{{ user.fname }} {{ user.lname }}</div>
	<dl class= "userdata">
        <dt>Date Of Birth:
        <dd>{{user.dob}}
        <dt>Country:
        <dd>{{user.country}}
        <dt>Gender:
        <dd>{{user.gender}}
        <dt>Occupation:
        <dd>{{user.occupation}}
        <dt>E-mail:
        <dd>{{user.email}}
      </dl>
{% else %}
    <li><em>Error, User not fetched</em>
{% endfor %}
<div class="titles"> You Say: </div>
<ul class=entries>
  {% for bridge in userbridges %}
    <li><h4>{{ bridge.text }}</h4>{{ bridge.datetime }} | {{ bridge.likes }} Likes | {{ bridge.dislikes }} Dislikes &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;	 {{bridge.fromcountry}} ---> {{bridge.tocountry}}
  {% else %}
    <li><em>No Bridges added by you till now. Click here to add a new bridge.</em>
  {% endfor %}
  </ul>
<div class="titles"> You Liked: </div>
<ul class=entries>
  {% for likedbridge in userLikedbridges %}
    <li><h4>{{ likedbridge.text }}</h4>{{ likedbridge.datetime }} | {{ likedbridge.likes }} Likes | {{ likedbridge.dislikes }} Dislikes &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;	 {{likedbridge.fromcountry}} ---> {{likedbridge.tocountry}}
  {% else %}
    <li><em>No Liked bridges so far</em>
  {% endfor %}
  </ul>
{% endblock %}